@charset "utf-8";

/*-----------------------------------------------------------*/

/*copyright by 动力无限  www.btoe.cn*/

/*邮箱 btoe@btoe.cn*/

/*合作电话 400-0599-360*/

/*版权所有违者必究*/

/*-----------------------------------------------------------*/

/*Generated by wjdhcms 3.0 */

::-webkit-scrollbar {

  width: 12px;

  height: 12px;

  background-color: #F5F5F5;

}

::-webkit-scrollbar-track {

  border-radius: 12px;

  background-color: #E2E2E2;

}

::-webkit-scrollbar-thumb {

  border-radius: 12px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  background-color: #555;

}

::selection {

  background-color: #f01727;

  color: #fff;

}

::-moz-selection {

  background-color: #f01727;

  color: #fff;

}

::-webkit-selection {

  background-color: #f01727;

  color: #fff;

}

#wjdh-kefu .wjdh-kefu-qq p,

#wjdh-kefu .wjdh-kefu-qq a,

#wjdh-kefu .wjdh-kefu-tel p,

#wjdh-kefu .wjdh-kefu-tel img,

#wjdh-kefu .wjdh-kefu-erweima img {

  box-sizing: content-box;

}

* {

  padding: 0;

  margin: 0;

  font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}

body {

  font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

  color: #333;

  margin: 0;

  line-height: 1.5;

}

*:before,

*:after {

  box-sizing: content-box;

}

:focus {

  outline: 1;

}

article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

  display: block;

}

a {

  color: #333;

  text-decoration: none;

}

a:link,

a:hover,

a:active,

a:visited {

  text-decoration: none;

}

ins {

  background-color: #ff9;

  color: #000;

  text-decoration: none;

}

mark {

  background-color: #ff9;

  color: #000;

  font-style: italic;

  font-weight: bold;

}

del {

  text-decoration: line-through;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

hr {

  display: block;

  height: 1px;

  border: 0;

  border-top: 1px solid #cccccc;

  margin: 1em 0;

  padding: 0;

}

input,

select {

  vertical-align: middle;

}

li,

ul {

  list-style-type: none;

}

img {

  border: none;

}

input,

textarea {

  outline: 0;

  border: 0;

  resize: none;

}

h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

  font-weight: normal;

  font-style: normal;

}

.webqq_ewm {

  box-sizing: content-box;

}

html {

  cursor: url(../images/cur.png), default;

}

a {

  cursor: url(../images/Acur.png), default;

}

textarea {

  animation: animated 1s infinite;

  -moz-animation: animated 1s infinite;

  -webkit-animation: animated 1s infinite;

  -o-animation: animated 1s infinite;

}

input[type="text"] {

  animation: animated 1s infinite;

  -moz-animation: animated 1s infinite;

  -webkit-animation: animated 1s infinite;

  -o-animation: animated 1s infinite;

}

input[type="button"] {

  cursor: url(../images/Acur.png), default !important;

}

input,

button {

  outline: none;

}

@keyframes animated {

  0% {

    cursor: url('../images/Pcuro1.png'), auto;

  }

  8.8% {

    cursor: url('../images/Pcuro2.png'), auto;

  }

  17.6% {

    cursor: url('../images/Pcuro3.png'), auto;

  }

  26.4% {

    cursor: url('../images/Pcuro4.png'), auto;

  }

  35.2% {

    cursor: url('../images/Pcuro5.png'), auto;

  }

  44% {

    cursor: url('../images/Pcuro6.png'), auto;

  }

  52.8% {

    cursor: url('../images/Pcuro7.png'), auto;

  }

  61.6% {

    cursor: url('../images/Pcuro8.png'), auto;

  }

  70.4% {

    cursor: url('../images/Pcuro9.png'), auto;

  }

  79.2% {

    cursor: url('../images/Pcuro10.png'), auto;

  }

  88% {

    cursor: url('../images/Pcuro11.png'), auto;

  }

  100% {

    cursor: url('../images/Pcuro12.png'), auto;

  }

}

@keyframes menu1 {

  0% {

    opacity: 0;

    transform: translateX(8px);

  }

  100% {

    opacity: 1;

    transform: translateX(0);

  }

}

@keyframes myfirst {

  0%,

  100% {

    -webkit-transform: translate(0, -5px) rotateZ(0);

  }

  50% {

    -webkit-transform: translate(0, 0) rotateZ(0);

  }

}

@-webkit-keyframes myfirst1 {

  0%,

  100% {

    -webkit-transform: translate(0, -10px) rotateZ(0);

  }

  50% {

    -webkit-transform: translate(0, 0) rotateZ(0);

  }

}

@keyframes myfirst2 {

  0%,

  100% {

    -webkit-transform: translate(-5px, 0);

  }

  50% {

    -webkit-transform: translate(0, 0);

  }

}

@keyframes msClock {

  0%,

  70%,

  100% {

    transform: rotate(0) scale(1);

  }

  10%,

  30% {

    transform: rotate(-15deg) scale(1.1);

  }

  20%,

  40% {

    transform: rotate(15deg) scale(1.1);

  }

}

.button.dark {

  --shadow: 0 2px 8px -1px rgba(21, 25, 36, 0.32);

  --shadow-hover: 0 4px 20px -2px rgba(21, 25, 36, 0.5);

}

.button.white {

  --shadow: 0 2px 8px -1px rgba(18, 22, 33, 0.04);

  --shadow-hover: 0 4px 20px -2px rgba(18, 22, 33, 0.12);

}

.button {

  --text: #fff;

  --font-size: 16px;

  --duration: 0.5s;

  --move-hover: -4px;

  font-family: 'Roboto';

  font-weight: 500;

  line-height: var(--font-size);

  display: block;

  outline: none;

  border: none;

  cursor: pointer;

  text-decoration: none;

  font-size: var(--font-size);

  letter-spacing: 0.5px;

  background: var(--background);

  color: var(--text);

  box-shadow: var(--shadow);

  -webkit-transform: translateY(var(--y));

  transform: translateY(var(--y));

  transition: box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;

  transition: transform var(--duration) ease, box-shadow var(--duration) ease;

  transition: transform var(--duration) ease, box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;

  -webkit-tap-highlight-color: transparent;

  -webkit-appearance: none;

}

.button span {

  text-align: center;

}

.button span i {

  display: inline-block;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  font-style: normal;

}

.button span i:nth-child(1) {

  --d: 0.05s;

}

.button span i:nth-child(2) {

  --d: 0.1s;

}

.button span i:nth-child(3) {

  --d: 0.15s;

}

.button span i:nth-child(4) {

  --d: 0.2s;

}

.button span i:nth-child(5) {

  --d: 0.25s;

}

.button span i:nth-child(6) {

  --d: 0.3s;

}

.button span i:nth-child(7) {

  --d: 0.35s;

}

.button span i:nth-child(8) {

  --d: 0.4s;

}

.button span i:nth-child(9) {

  --d: 0.45s;

}

.button span i:nth-child(10) {

  --d: 0.5s;

}

.button span i:nth-child(11) {

  --d: 0.55s;

}

.button:hover {

  --y: var(--move-hover);

  --shadow: var(--shadow-hover);

  --move: -4px;

  --shadow-active: 0 3px 1px rgba(0, 0, 0, 0.2);

}

.button:hover i {

  -webkit-animation: move var(--duration) linear var(--d);

  animation: move var(--duration) linear var(--d);

}

.button.smoke {

  --move: 12px;

  --move-y: -8px;

  --blur: 4px;

}

.button.smoke:hover i {

  --duration: 1s;

  -webkit-animation: smoke var(--duration) linear var(--d);

  animation: smoke var(--duration) linear var(--d);

}

.button.drive {

  --move: 16px;

  --skew: 25deg;

  --skew-fast: 40deg;

  --skew-bounce: -12px;

}

.button.drive:hover i {

  --duration: 1s;

  -webkit-transform-origin: 50% 100%;

  transform-origin: 50% 100%;

  -webkit-animation: drive var(--duration) linear var(--d);

  animation: drive var(--duration) linear var(--d);

}

.btnstyle1 {

  position: relative;

  z-index: 1;

  transition: color 0.3s;

  box-sizing: border-box;

  background-color: transparent;

  cursor: pointer;

  overflow: hidden;

}

.btnstyle1::before {

  content: '';

  position: absolute;

  height: 100%;

  width: 100%;

  bottom: 100%;

  left: 0;

  z-index: -1;

  background-color: #f01727;

  -webkit-transition: -webkit-transform 0.3s;

  transition: transform 0.3s;

  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

  box-sizing: border-box;

}

.btnstyle1::after {

  content: '';

  position: absolute;

  height: 100%;

  width: 100%;

  bottom: 100%;

  left: 0;

  z-index: -1;

  background-color: #f01727;

  -webkit-transition: -webkit-transform 0.3s;

  transition: transform 0.3s;

  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

  box-sizing: border-box;

}

.btnstyle1:hover::after {

  -webkit-transition-delay: 0.175s;

  transition-delay: 0.175s;

  -webkit-transform: translate3d(0, 100%, 0);

  transform: translate3d(0, 100%, 0);

}

.btnstyle1:hover::before {

  -webkit-transform: translate3d(0, 100%, 0);

  transform: translate3d(0, 100%, 0);

}

.btnstyle2 {

  position: relative;

  z-index: 1;

  overflow: hidden;

  -webkit-transition: background-color 0.6s, color 0.3s;

  transition: background-color 0.6s, color 0.3s;

  box-sizing: border-box;

  border: none;

  cursor: pointer;

}

.btnstyle2::before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: 2px solid #f01727;

  z-index: -1;

  border-radius: inherit;

  opacity: 0;

  -webkit-transform: scale3d(0.6, 0.6, 1);

  transform: scale3d(0.6, 0.6, 1);

  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

  transition: transform 0.3s, opacity 0.3s;

  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

  box-sizing: border-box;

}

.btnstyle2:hover {

  color: #333;

  background-color: #fff;

}

.btnstyle2:hover::before {

  -webkit-transform: scale3d(1, 1, 1);

  transform: scale3d(1, 1, 1);

  opacity: 1;

}

@-webkit-keyframes move {

  40% {

    -webkit-transform: translateY(var(--move));

    transform: translateY(var(--move));

    text-shadow: var(--shadow-active);

  }

}

@keyframes move {

  40% {

    -webkit-transform: translateY(var(--move));

    transform: translateY(var(--move));

    text-shadow: var(--shadow-active);

  }

}

@-webkit-keyframes smoke {

  45%,

  55% {

    -webkit-filter: blur(var(--blur));

    filter: blur(var(--blur));

  }

  50%,

  50.1% {

    opacity: 0;

  }

  25%,

  75% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  50% {

    -webkit-transform: translateX(var(--move)) translateY(var(--move-y));

    transform: translateX(var(--move)) translateY(var(--move-y));

  }

  50.1% {

    -webkit-transform: translateX(calc(var(--move) * -1));

    transform: translateX(calc(var(--move) * -1));

  }

}

@keyframes smoke {

  45%,

  55% {

    -webkit-filter: blur(var(--blur));

    filter: blur(var(--blur));

  }

  50%,

  50.1% {

    opacity: 0;

  }

  25%,

  75% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  50% {

    -webkit-transform: translateX(var(--move)) translateY(var(--move-y));

    transform: translateX(var(--move)) translateY(var(--move-y));

  }

  50.1% {

    -webkit-transform: translateX(calc(var(--move) * -1));

    transform: translateX(calc(var(--move) * -1));

  }

}

@-webkit-keyframes drive {

  40% {

    opacity: 1;

  }

  55% {

    -webkit-transform: skewX(var(--skew)) translateX(var(--move));

    transform: skewX(var(--skew)) translateX(var(--move));

  }

  56% {

    -webkit-transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));

    transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));

  }

  55%,

  56% {

    opacity: 0;

  }

  75% {

    -webkit-transform: skewX(var(--skew));

    transform: skewX(var(--skew));

  }

  85% {

    -webkit-transform: skewX(var(--skew-bounce));

    transform: skewX(var(--skew-bounce));

  }

}

@keyframes drive {

  40% {

    opacity: 1;

  }

  55% {

    -webkit-transform: skewX(var(--skew)) translateX(var(--move));

    transform: skewX(var(--skew)) translateX(var(--move));

  }

  56% {

    -webkit-transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));

    transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));

  }

  55%,

  56% {

    opacity: 0;

  }

  75% {

    -webkit-transform: skewX(var(--skew));

    transform: skewX(var(--skew));

  }

  85% {

    -webkit-transform: skewX(var(--skew-bounce));

    transform: skewX(var(--skew-bounce));

  }

}

@keyframes movec {

  0%,

  100% {

    clip: rect(0, 300px, 5px, 0);

  }

  25% {

    clip: rect(0, 300px, 210px, 295px);

  }

  50% {

    clip: rect(205px, 300px, 210px, 0);

  }

  75% {

    clip: rect(0, 5px, 210px, 0px);

  }

}

@keyframes ripple {

  0% {

    box-shadow: 0 0 0 0 rgba(24, 125, 178, 0.1), 0 0 0 10px #187db2;

  }

  100% {

    box-shadow: 0 0 0 10px #187db2, 0 0 0 15px rgba(24, 125, 178, 0);

  }

}

@keyframes ripple2 {

  0% {

    box-shadow: 0 0 0 0 rgba(255, 204, 67, 0.1), 0 0 0 10px #ffcc43;

  }

  100% {

    box-shadow: 0 0 0 10px #ffcc43, 0 0 0 15px rgba(255, 204, 67, 0);

  }

}

@keyframes tra1 {

  0% {

    transform: scale(0);

  }

  20% {

    transform: scale(1);

  }

  100% {

    transform: scale(0);

  }

}

@keyframes tra2 {

  0% {

    transform: scale(1);

  }

  50% {

    transform: scale(0.5);

  }

  100% {

    transform: scale(1);

  }

}

@keyframes rotate {

  0% {

    transform: rotateZ(0);

  }

  50% {

    transform: rotateZ(180deg);

  }

  100% {

    transform: rotateZ(360deg);

  }

}

@keyframes ripple {

  0% {

    box-shadow: 0 0 0 0 rgba(51, 51, 51, 0.1), 0 0 0 10px rgba(51, 51, 51, 0.2);

  }

  100% {

    box-shadow: 0 0 0 10px rgba(51, 51, 51, 0.1), 0 0 0 15px rgba(51, 51, 51, 0);

  }

}

@keyframes jello {

  from,

  11.1%,

  to {

    -webkit-transform: none;

    -moz-transform: none;

    transform: none;

  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg);

  }

  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    -moz-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg);

  }

  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg);

  }

  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg);

  }

  66.6% {

    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    transform: skewX(-0.78125deg) skewY(-0.78125deg);

  }

  77.7% {

    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);

    transform: skewX(0.390625deg) skewY(0.390625deg);

  }

  88.8% {

    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

  }

}

/* @charset "UTF-8";*/

/*!

 * animate.css -https://daneden.github.io/animate.css/

 * Version - 3.7.2

 * Licensed under the MIT license - http://opensource.org/licenses/MIT

 *

 * Copyright (c) 2019 Daniel Eden

 */

@-webkit-keyframes bounce {

  0%,

  20%,

  53%,

  80%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  40%,

  43% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -30px, 0);

    transform: translate3d(0, -30px, 0);

  }

  70% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -15px, 0);

    transform: translate3d(0, -15px, 0);

  }

  90% {

    -webkit-transform: translate3d(0, -4px, 0);

    transform: translate3d(0, -4px, 0);

  }

}

@keyframes bounce {

  0%,

  20%,

  53%,

  80%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  40%,

  43% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -30px, 0);

    transform: translate3d(0, -30px, 0);

  }

  70% {

    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

    -webkit-transform: translate3d(0, -15px, 0);

    transform: translate3d(0, -15px, 0);

  }

  90% {

    -webkit-transform: translate3d(0, -4px, 0);

    transform: translate3d(0, -4px, 0);

  }

}

.bounce {

  -webkit-animation-name: bounce;

  animation-name: bounce;

  -webkit-transform-origin: center bottom;

  transform-origin: center bottom;

}

@-webkit-keyframes flash {

  0%,

  50%,

  to {

    opacity: 1;

  }

  25%,

  75% {

    opacity: 0;

  }

}

@keyframes flash {

  0%,

  50%,

  to {

    opacity: 1;

  }

  25%,

  75% {

    opacity: 0;

  }

}

.flash {

  -webkit-animation-name: flash;

  animation-name: flash;

}

@-webkit-keyframes pulse {

  0% {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

  50% {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05);

  }

  to {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

}

@keyframes pulse {

  0% {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

  50% {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05);

  }

  to {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

}

.pulse {

  -webkit-animation-name: pulse;

  animation-name: pulse;

}

@-webkit-keyframes rubberBand {

  0% {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

  30% {

    -webkit-transform: scale3d(1.25, 0.75, 1);

    transform: scale3d(1.25, 0.75, 1);

  }

  40% {

    -webkit-transform: scale3d(0.75, 1.25, 1);

    transform: scale3d(0.75, 1.25, 1);

  }

  50% {

    -webkit-transform: scale3d(1.15, 0.85, 1);

    transform: scale3d(1.15, 0.85, 1);

  }

  65% {

    -webkit-transform: scale3d(0.95, 1.05, 1);

    transform: scale3d(0.95, 1.05, 1);

  }

  75% {

    -webkit-transform: scale3d(1.05, 0.95, 1);

    transform: scale3d(1.05, 0.95, 1);

  }

  to {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

}

@keyframes rubberBand {

  0% {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

  30% {

    -webkit-transform: scale3d(1.25, 0.75, 1);

    transform: scale3d(1.25, 0.75, 1);

  }

  40% {

    -webkit-transform: scale3d(0.75, 1.25, 1);

    transform: scale3d(0.75, 1.25, 1);

  }

  50% {

    -webkit-transform: scale3d(1.15, 0.85, 1);

    transform: scale3d(1.15, 0.85, 1);

  }

  65% {

    -webkit-transform: scale3d(0.95, 1.05, 1);

    transform: scale3d(0.95, 1.05, 1);

  }

  75% {

    -webkit-transform: scale3d(1.05, 0.95, 1);

    transform: scale3d(1.05, 0.95, 1);

  }

  to {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

}

.rubberBand {

  -webkit-animation-name: rubberBand;

  animation-name: rubberBand;

}

@-webkit-keyframes shake {

  0%,

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  10%,

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0);

  }

  20%,

  40%,

  60%,

  80% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0);

  }

}

@keyframes shake {

  0%,

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  10%,

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0);

  }

  20%,

  40%,

  60%,

  80% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0);

  }

}

.shake {

  -webkit-animation-name: shake;

  animation-name: shake;

}

@-webkit-keyframes headShake {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  6.5% {

    -webkit-transform: translateX(-6px) rotateY(-9deg);

    transform: translateX(-6px) rotateY(-9deg);

  }

  18.5% {

    -webkit-transform: translateX(5px) rotateY(7deg);

    transform: translateX(5px) rotateY(7deg);

  }

  31.5% {

    -webkit-transform: translateX(-3px) rotateY(-5deg);

    transform: translateX(-3px) rotateY(-5deg);

  }

  43.5% {

    -webkit-transform: translateX(2px) rotateY(3deg);

    transform: translateX(2px) rotateY(3deg);

  }

  50% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes headShake {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

  6.5% {

    -webkit-transform: translateX(-6px) rotateY(-9deg);

    transform: translateX(-6px) rotateY(-9deg);

  }

  18.5% {

    -webkit-transform: translateX(5px) rotateY(7deg);

    transform: translateX(5px) rotateY(7deg);

  }

  31.5% {

    -webkit-transform: translateX(-3px) rotateY(-5deg);

    transform: translateX(-3px) rotateY(-5deg);

  }

  43.5% {

    -webkit-transform: translateX(2px) rotateY(3deg);

    transform: translateX(2px) rotateY(3deg);

  }

  50% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

.headShake {

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

  -webkit-animation-name: headShake;

  animation-name: headShake;

}

@-webkit-keyframes swing {

  20% {

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }

  40% {

    -webkit-transform: rotate(-10deg);

    transform: rotate(-10deg);

  }

  60% {

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }

  80% {

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

  to {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

}

@keyframes swing {

  20% {

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg);

  }

  40% {

    -webkit-transform: rotate(-10deg);

    transform: rotate(-10deg);

  }

  60% {

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg);

  }

  80% {

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg);

  }

  to {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

}

.swing {

  -webkit-transform-origin: top center;

  transform-origin: top center;

  -webkit-animation-name: swing;

  animation-name: swing;

}

@-webkit-keyframes tada {

  0% {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

  10%,

  20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);

    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);

  }

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);

  }

  40%,

  60%,

  80% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);

  }

  to {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

}

@keyframes tada {

  0% {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

  10%,

  20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);

    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);

  }

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);

  }

  40%,

  60%,

  80% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);

    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);

  }

  to {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

}

.tada {

  -webkit-animation-name: tada;

  animation-name: tada;

}

@-webkit-keyframes wobble {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  15% {

    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);

    transform: translate3d(-25%, 0, 0) rotate(-5deg);

  }

  30% {

    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);

    transform: translate3d(20%, 0, 0) rotate(3deg);

  }

  45% {

    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);

    transform: translate3d(-15%, 0, 0) rotate(-3deg);

  }

  60% {

    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);

    transform: translate3d(10%, 0, 0) rotate(2deg);

  }

  75% {

    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);

    transform: translate3d(-5%, 0, 0) rotate(-1deg);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes wobble {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  15% {

    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);

    transform: translate3d(-25%, 0, 0) rotate(-5deg);

  }

  30% {

    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);

    transform: translate3d(20%, 0, 0) rotate(3deg);

  }

  45% {

    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);

    transform: translate3d(-15%, 0, 0) rotate(-3deg);

  }

  60% {

    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);

    transform: translate3d(10%, 0, 0) rotate(2deg);

  }

  75% {

    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);

    transform: translate3d(-5%, 0, 0) rotate(-1deg);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.wobble {

  -webkit-animation-name: wobble;

  animation-name: wobble;

}

@-webkit-keyframes jello {

  0%,

  11.1%,

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg);

  }

  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg);

  }

  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg);

  }

  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg);

  }

  66.6% {

    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    transform: skewX(-0.78125deg) skewY(-0.78125deg);

  }

  77.7% {

    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

    transform: skewX(0.390625deg) skewY(0.390625deg);

  }

  88.8% {

    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

  }

}

@keyframes jello {

  0%,

  11.1%,

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg);

  }

  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg);

  }

  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg);

  }

  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg);

  }

  66.6% {

    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    transform: skewX(-0.78125deg) skewY(-0.78125deg);

  }

  77.7% {

    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

    transform: skewX(0.390625deg) skewY(0.390625deg);

  }

  88.8% {

    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

  }

}

.jello {

  -webkit-animation-name: jello;

  animation-name: jello;

  -webkit-transform-origin: center;

  transform-origin: center;

}

@-webkit-keyframes heartBeat {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  14% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

  }

  28% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  42% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

  }

  70% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes heartBeat {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  14% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

  }

  28% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  42% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

  }

  70% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

.heartBeat {

  -webkit-animation-name: heartBeat;

  animation-name: heartBeat;

  -webkit-animation-duration: 1.3s;

  animation-duration: 1.3s;

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

}

@-webkit-keyframes bounceIn {

  0%,

  20%,

  40%,

  60%,

  80%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }

  20% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1);

  }

  40% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(1.03, 1.03, 1.03);

    transform: scale3d(1.03, 1.03, 1.03);

  }

  80% {

    -webkit-transform: scale3d(0.97, 0.97, 0.97);

    transform: scale3d(0.97, 0.97, 0.97);

  }

  to {

    opacity: 1;

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

}

@keyframes bounceIn {

  0%,

  20%,

  40%,

  60%,

  80%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }

  20% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1);

  }

  40% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(1.03, 1.03, 1.03);

    transform: scale3d(1.03, 1.03, 1.03);

  }

  80% {

    -webkit-transform: scale3d(0.97, 0.97, 0.97);

    transform: scale3d(0.97, 0.97, 0.97);

  }

  to {

    opacity: 1;

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

}

.bounceIn {

  -webkit-animation-duration: 0.75s;

  animation-duration: 0.75s;

  -webkit-animation-name: bounceIn;

  animation-name: bounceIn;

}

@-webkit-keyframes bounceInDown {

  0%,

  60%,

  75%,

  90%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -3000px, 0);

    transform: translate3d(0, -3000px, 0);

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, 25px, 0);

    transform: translate3d(0, 25px, 0);

  }

  75% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0);

  }

  90% {

    -webkit-transform: translate3d(0, 5px, 0);

    transform: translate3d(0, 5px, 0);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes bounceInDown {

  0%,

  60%,

  75%,

  90%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -3000px, 0);

    transform: translate3d(0, -3000px, 0);

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, 25px, 0);

    transform: translate3d(0, 25px, 0);

  }

  75% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0);

  }

  90% {

    -webkit-transform: translate3d(0, 5px, 0);

    transform: translate3d(0, 5px, 0);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.bounceInDown {

  -webkit-animation-name: bounceInDown;

  animation-name: bounceInDown;

}

@-webkit-keyframes bounceInLeft {

  0%,

  60%,

  75%,

  90%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-3000px, 0, 0);

    transform: translate3d(-3000px, 0, 0);

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(25px, 0, 0);

    transform: translate3d(25px, 0, 0);

  }

  75% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0);

  }

  90% {

    -webkit-transform: translate3d(5px, 0, 0);

    transform: translate3d(5px, 0, 0);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes bounceInLeft {

  0%,

  60%,

  75%,

  90%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-3000px, 0, 0);

    transform: translate3d(-3000px, 0, 0);

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(25px, 0, 0);

    transform: translate3d(25px, 0, 0);

  }

  75% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0);

  }

  90% {

    -webkit-transform: translate3d(5px, 0, 0);

    transform: translate3d(5px, 0, 0);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.bounceInLeft {

  -webkit-animation-name: bounceInLeft;

  animation-name: bounceInLeft;

}

@-webkit-keyframes bounceInRight {

  0%,

  60%,

  75%,

  90%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0);

    transform: translate3d(3000px, 0, 0);

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0);

    transform: translate3d(-25px, 0, 0);

  }

  75% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0);

  }

  90% {

    -webkit-transform: translate3d(-5px, 0, 0);

    transform: translate3d(-5px, 0, 0);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes bounceInRight {

  0%,

  60%,

  75%,

  90%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0);

    transform: translate3d(3000px, 0, 0);

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0);

    transform: translate3d(-25px, 0, 0);

  }

  75% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0);

  }

  90% {

    -webkit-transform: translate3d(-5px, 0, 0);

    transform: translate3d(-5px, 0, 0);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.bounceInRight {

  -webkit-animation-name: bounceInRight;

  animation-name: bounceInRight;

}

@-webkit-keyframes bounceInUp {

  0%,

  60%,

  75%,

  90%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

    transform: translate3d(0, 3000px, 0);

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0);

  }

  75% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0);

  }

  90% {

    -webkit-transform: translate3d(0, -5px, 0);

    transform: translate3d(0, -5px, 0);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes bounceInUp {

  0%,

  60%,

  75%,

  90%,

  to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

    transform: translate3d(0, 3000px, 0);

  }

  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0);

  }

  75% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0);

  }

  90% {

    -webkit-transform: translate3d(0, -5px, 0);

    transform: translate3d(0, -5px, 0);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.bounceInUp {

  -webkit-animation-name: bounceInUp;

  animation-name: bounceInUp;

}

@-webkit-keyframes bounceOut {

  20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9);

  }

  50%,

  55% {

    opacity: 1;

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1);

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }

}

@keyframes bounceOut {

  20% {

    -webkit-transform: scale3d(0.9, 0.9, 0.9);

    transform: scale3d(0.9, 0.9, 0.9);

  }

  50%,

  55% {

    opacity: 1;

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

    transform: scale3d(1.1, 1.1, 1.1);

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }

}

.bounceOut {

  -webkit-animation-duration: 0.75s;

  animation-duration: 0.75s;

  -webkit-animation-name: bounceOut;

  animation-name: bounceOut;

}

@-webkit-keyframes bounceOutDown {

  20% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0);

  }

  40%,

  45% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0);

  }

}

@keyframes bounceOutDown {

  20% {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0);

  }

  40%,

  45% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0);

  }

}

.bounceOutDown {

  -webkit-animation-name: bounceOutDown;

  animation-name: bounceOutDown;

}

@-webkit-keyframes bounceOutLeft {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(20px, 0, 0);

    transform: translate3d(20px, 0, 0);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0);

  }

}

@keyframes bounceOutLeft {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(20px, 0, 0);

    transform: translate3d(20px, 0, 0);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0);

  }

}

.bounceOutLeft {

  -webkit-animation-name: bounceOutLeft;

  animation-name: bounceOutLeft;

}

@-webkit-keyframes bounceOutRight {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(-20px, 0, 0);

    transform: translate3d(-20px, 0, 0);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0);

  }

}

@keyframes bounceOutRight {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(-20px, 0, 0);

    transform: translate3d(-20px, 0, 0);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0);

  }

}

.bounceOutRight {

  -webkit-animation-name: bounceOutRight;

  animation-name: bounceOutRight;

}

@-webkit-keyframes bounceOutUp {

  20% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0);

  }

  40%,

  45% {

    opacity: 1;

    -webkit-transform: translate3d(0, 20px, 0);

    transform: translate3d(0, 20px, 0);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0);

  }

}

@keyframes bounceOutUp {

  20% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0);

  }

  40%,

  45% {

    opacity: 1;

    -webkit-transform: translate3d(0, 20px, 0);

    transform: translate3d(0, 20px, 0);

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0);

  }

}

.bounceOutUp {

  -webkit-animation-name: bounceOutUp;

  animation-name: bounceOutUp;

}

@-webkit-keyframes fadeIn {

  0% {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

@keyframes fadeIn {

  0% {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

.fadeIn {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

}

@-webkit-keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.fadeInDown {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

}

@-webkit-keyframes fadeInDownBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes fadeInDownBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.fadeInDownBig {

  -webkit-animation-name: fadeInDownBig;

  animation-name: fadeInDownBig;

}

@-webkit-keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft;

}

@-webkit-keyframes fadeInLeftBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes fadeInLeftBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.fadeInLeftBig {

  -webkit-animation-name: fadeInLeftBig;

  animation-name: fadeInLeftBig;

}

@-webkit-keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.fadeInRight {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight;

}

@-webkit-keyframes fadeInRightBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes fadeInRightBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.fadeInRightBig {

  -webkit-animation-name: fadeInRightBig;

  animation-name: fadeInRightBig;

}

@-webkit-keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

}

@-webkit-keyframes fadeInUpBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes fadeInUpBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.fadeInUpBig {

  -webkit-animation-name: fadeInUpBig;

  animation-name: fadeInUpBig;

}

@-webkit-keyframes fadeOut {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

  }

}

@keyframes fadeOut {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

  }

}

.fadeOut {

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut;

}

@-webkit-keyframes fadeOutDown {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

}

@keyframes fadeOutDown {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

}

.fadeOutDown {

  -webkit-animation-name: fadeOutDown;

  animation-name: fadeOutDown;

}

@-webkit-keyframes fadeOutDownBig {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0);

  }

}

@keyframes fadeOutDownBig {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

    transform: translate3d(0, 2000px, 0);

  }

}

.fadeOutDownBig {

  -webkit-animation-name: fadeOutDownBig;

  animation-name: fadeOutDownBig;

}

@-webkit-keyframes fadeOutLeft {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

}

@keyframes fadeOutLeft {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

}

.fadeOutLeft {

  -webkit-animation-name: fadeOutLeft;

  animation-name: fadeOutLeft;

}

@-webkit-keyframes fadeOutLeftBig {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0);

  }

}

@keyframes fadeOutLeftBig {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

    transform: translate3d(-2000px, 0, 0);

  }

}

.fadeOutLeftBig {

  -webkit-animation-name: fadeOutLeftBig;

  animation-name: fadeOutLeftBig;

}

@-webkit-keyframes fadeOutRight {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

}

@keyframes fadeOutRight {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

}

.fadeOutRight {

  -webkit-animation-name: fadeOutRight;

  animation-name: fadeOutRight;

}

@-webkit-keyframes fadeOutRightBig {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0);

  }

}

@keyframes fadeOutRightBig {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

    transform: translate3d(2000px, 0, 0);

  }

}

.fadeOutRightBig {

  -webkit-animation-name: fadeOutRightBig;

  animation-name: fadeOutRightBig;

}

@-webkit-keyframes fadeOutUp {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

}

@keyframes fadeOutUp {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

}

.fadeOutUp {

  -webkit-animation-name: fadeOutUp;

  animation-name: fadeOutUp;

}

@-webkit-keyframes fadeOutUpBig {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0);

  }

}

@keyframes fadeOutUpBig {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

    transform: translate3d(0, -2000px, 0);

  }

}

.fadeOutUpBig {

  -webkit-animation-name: fadeOutUpBig;

  animation-name: fadeOutUpBig;

}

@-webkit-keyframes flip {

  0% {

    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);

    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  40% {

    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);

    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  50% {

    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);

    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  80% {

    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);

    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  to {

    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);

    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

}

@keyframes flip {

  0% {

    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);

    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  40% {

    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);

    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  50% {

    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);

    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  80% {

    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);

    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  to {

    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);

    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

}

.animated.flip {

  -webkit-backface-visibility: visible;

  backface-visibility: visible;

  -webkit-animation-name: flip;

  animation-name: flip;

}

@-webkit-keyframes flipInX {

  0% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotateX(-20deg);

    transform: perspective(400px) rotateX(-20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  60% {

    -webkit-transform: perspective(400px) rotateX(10deg);

    transform: perspective(400px) rotateX(10deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: perspective(400px) rotateX(-5deg);

    transform: perspective(400px) rotateX(-5deg);

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}

@keyframes flipInX {

  0% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotateX(-20deg);

    transform: perspective(400px) rotateX(-20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  60% {

    -webkit-transform: perspective(400px) rotateX(10deg);

    transform: perspective(400px) rotateX(10deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: perspective(400px) rotateX(-5deg);

    transform: perspective(400px) rotateX(-5deg);

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}

.flipInX {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInX;

  animation-name: flipInX;

}

@-webkit-keyframes flipInY {

  0% {

    -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotateY(-20deg);

    transform: perspective(400px) rotateY(-20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  60% {

    -webkit-transform: perspective(400px) rotateY(10deg);

    transform: perspective(400px) rotateY(10deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: perspective(400px) rotateY(-5deg);

    transform: perspective(400px) rotateY(-5deg);

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}

@keyframes flipInY {

  0% {

    -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    opacity: 0;

  }

  40% {

    -webkit-transform: perspective(400px) rotateY(-20deg);

    transform: perspective(400px) rotateY(-20deg);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  60% {

    -webkit-transform: perspective(400px) rotateY(10deg);

    transform: perspective(400px) rotateY(10deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: perspective(400px) rotateY(-5deg);

    transform: perspective(400px) rotateY(-5deg);

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}

.flipInY {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInY;

  animation-name: flipInY;

}

@-webkit-keyframes flipOutX {

  0% {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

  30% {

    -webkit-transform: perspective(400px) rotateX(-20deg);

    transform: perspective(400px) rotateX(-20deg);

    opacity: 1;

  }

  to {

    -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0;

  }

}

@keyframes flipOutX {

  0% {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

  30% {

    -webkit-transform: perspective(400px) rotateX(-20deg);

    transform: perspective(400px) rotateX(-20deg);

    opacity: 1;

  }

  to {

    -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0;

  }

}

.flipOutX {

  -webkit-animation-duration: 0.75s;

  animation-duration: 0.75s;

  -webkit-animation-name: flipOutX;

  animation-name: flipOutX;

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

}

@-webkit-keyframes flipOutY {

  0% {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

  30% {

    -webkit-transform: perspective(400px) rotateY(-15deg);

    transform: perspective(400px) rotateY(-15deg);

    opacity: 1;

  }

  to {

    -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0;

  }

}

@keyframes flipOutY {

  0% {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

  30% {

    -webkit-transform: perspective(400px) rotateY(-15deg);

    transform: perspective(400px) rotateY(-15deg);

    opacity: 1;

  }

  to {

    -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0;

  }

}

.flipOutY {

  -webkit-animation-duration: 0.75s;

  animation-duration: 0.75s;

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipOutY;

  animation-name: flipOutY;

}

@-webkit-keyframes lightSpeedIn {

  0% {

    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0;

  }

  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes lightSpeedIn {

  0% {

    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

    transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0;

  }

  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg);

    opacity: 1;

  }

  80% {

    -webkit-transform: skewX(-5deg);

    transform: skewX(-5deg);

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.lightSpeedIn {

  -webkit-animation-name: lightSpeedIn;

  animation-name: lightSpeedIn;

  -webkit-animation-timing-function: ease-out;

  animation-timing-function: ease-out;

}

@-webkit-keyframes lightSpeedOut {

  0% {

    opacity: 1;

  }

  to {

    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

    transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0;

  }

}

@keyframes lightSpeedOut {

  0% {

    opacity: 1;

  }

  to {

    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

    transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0;

  }

}

.lightSpeedOut {

  -webkit-animation-name: lightSpeedOut;

  animation-name: lightSpeedOut;

  -webkit-animation-timing-function: ease-in;

  animation-timing-function: ease-in;

}

@-webkit-keyframes rotateIn {

  0% {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate(-200deg);

    transform: rotate(-200deg);

    opacity: 0;

  }

  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }

}

@keyframes rotateIn {

  0% {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate(-200deg);

    transform: rotate(-200deg);

    opacity: 0;

  }

  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }

}

.rotateIn {

  -webkit-animation-name: rotateIn;

  animation-name: rotateIn;

}

@-webkit-keyframes rotateInDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0;

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }

}

@keyframes rotateInDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0;

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }

}

.rotateInDownLeft {

  -webkit-animation-name: rotateInDownLeft;

  animation-name: rotateInDownLeft;

}

@-webkit-keyframes rotateInDownRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0;

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }

}

@keyframes rotateInDownRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0;

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }

}

.rotateInDownRight {

  -webkit-animation-name: rotateInDownRight;

  animation-name: rotateInDownRight;

}

@-webkit-keyframes rotateInUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0;

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }

}

@keyframes rotateInUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0;

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }

}

.rotateInUpLeft {

  -webkit-animation-name: rotateInUpLeft;

  animation-name: rotateInUpLeft;

}

@-webkit-keyframes rotateInUpRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }

}

@keyframes rotateInUpRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0;

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }

}

.rotateInUpRight {

  -webkit-animation-name: rotateInUpRight;

  animation-name: rotateInUpRight;

}

@-webkit-keyframes rotateOut {

  0% {

    -webkit-transform-origin: center;

    transform-origin: center;

    opacity: 1;

  }

  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate(200deg);

    transform: rotate(200deg);

    opacity: 0;

  }

}

@keyframes rotateOut {

  0% {

    -webkit-transform-origin: center;

    transform-origin: center;

    opacity: 1;

  }

  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: rotate(200deg);

    transform: rotate(200deg);

    opacity: 0;

  }

}

.rotateOut {

  -webkit-animation-name: rotateOut;

  animation-name: rotateOut;

}

@-webkit-keyframes rotateOutDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1;

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0;

  }

}

@keyframes rotateOutDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1;

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 0;

  }

}

.rotateOutDownLeft {

  -webkit-animation-name: rotateOutDownLeft;

  animation-name: rotateOutDownLeft;

}

@-webkit-keyframes rotateOutDownRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1;

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0;

  }

}

@keyframes rotateOutDownRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1;

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0;

  }

}

.rotateOutDownRight {

  -webkit-animation-name: rotateOutDownRight;

  animation-name: rotateOutDownRight;

}

@-webkit-keyframes rotateOutUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1;

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0;

  }

}

@keyframes rotateOutUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1;

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    opacity: 0;

  }

}

.rotateOutUpLeft {

  -webkit-animation-name: rotateOutUpLeft;

  animation-name: rotateOutUpLeft;

}

@-webkit-keyframes rotateOutUpRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1;

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

}

@keyframes rotateOutUpRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1;

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

  }

}

.rotateOutUpRight {

  -webkit-animation-name: rotateOutUpRight;

  animation-name: rotateOutUpRight;

}

@-webkit-keyframes hinge {

  0% {

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  20%,

  60% {

    -webkit-transform: rotate(80deg);

    transform: rotate(80deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  40%,

  80% {

    -webkit-transform: rotate(60deg);

    transform: rotate(60deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1;

  }

  to {

    -webkit-transform: translate3d(0, 700px, 0);

    transform: translate3d(0, 700px, 0);

    opacity: 0;

  }

}

@keyframes hinge {

  0% {

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  20%,

  60% {

    -webkit-transform: rotate(80deg);

    transform: rotate(80deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

  }

  40%,

  80% {

    -webkit-transform: rotate(60deg);

    transform: rotate(60deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1;

  }

  to {

    -webkit-transform: translate3d(0, 700px, 0);

    transform: translate3d(0, 700px, 0);

    opacity: 0;

  }

}

.hinge {

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

  -webkit-animation-name: hinge;

  animation-name: hinge;

}

@-webkit-keyframes jackInTheBox {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) rotate(30deg);

    transform: scale(0.1) rotate(30deg);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

  }

  50% {

    -webkit-transform: rotate(-10deg);

    transform: rotate(-10deg);

  }

  70% {

    -webkit-transform: rotate(3deg);

    transform: rotate(3deg);

  }

  to {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes jackInTheBox {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) rotate(30deg);

    transform: scale(0.1) rotate(30deg);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

  }

  50% {

    -webkit-transform: rotate(-10deg);

    transform: rotate(-10deg);

  }

  70% {

    -webkit-transform: rotate(3deg);

    transform: rotate(3deg);

  }

  to {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

.jackInTheBox {

  -webkit-animation-name: jackInTheBox;

  animation-name: jackInTheBox;

}

@-webkit-keyframes rollIn {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);

    transform: translate3d(-100%, 0, 0) rotate(-120deg);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes rollIn {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);

    transform: translate3d(-100%, 0, 0) rotate(-120deg);

  }

  to {

    opacity: 1;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.rollIn {

  -webkit-animation-name: rollIn;

  animation-name: rollIn;

}

@-webkit-keyframes rollOut {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);

    transform: translate3d(100%, 0, 0) rotate(120deg);

  }

}

@keyframes rollOut {

  0% {

    opacity: 1;

  }

  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);

    transform: translate3d(100%, 0, 0) rotate(120deg);

  }

}

.rollOut {

  -webkit-animation-name: rollOut;

  animation-name: rollOut;

}

@-webkit-keyframes zoomIn {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }

  50% {

    opacity: 1;

  }

}

@keyframes zoomIn {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }

  50% {

    opacity: 1;

  }

}

.zoomIn {

  -webkit-animation-name: zoomIn;

  animation-name: zoomIn;

}

@-webkit-keyframes zoomInDown {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

@keyframes zoomInDown {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

.zoomInDown {

  -webkit-animation-name: zoomInDown;

  animation-name: zoomInDown;

}

@-webkit-keyframes zoomInLeft {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

@keyframes zoomInLeft {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

.zoomInLeft {

  -webkit-animation-name: zoomInLeft;

  animation-name: zoomInLeft;

}

@-webkit-keyframes zoomInRight {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

@keyframes zoomInRight {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

.zoomInRight {

  -webkit-animation-name: zoomInRight;

  animation-name: zoomInRight;

}

@-webkit-keyframes zoomInUp {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

@keyframes zoomInUp {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  60% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

.zoomInUp {

  -webkit-animation-name: zoomInUp;

  animation-name: zoomInUp;

}

@-webkit-keyframes zoomOut {

  0% {

    opacity: 1;

  }

  50% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }

  to {

    opacity: 0;

  }

}

@keyframes zoomOut {

  0% {

    opacity: 1;

  }

  50% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3);

  }

  to {

    opacity: 0;

  }

}

.zoomOut {

  -webkit-animation-name: zoomOut;

  animation-name: zoomOut;

}

@-webkit-keyframes zoomOutDown {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

@keyframes zoomOutDown {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

.zoomOutDown {

  -webkit-animation-name: zoomOutDown;

  animation-name: zoomOutDown;

}

@-webkit-keyframes zoomOutLeft {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

  }

  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

    transform: scale(0.1) translate3d(-2000px, 0, 0);

    -webkit-transform-origin: left center;

    transform-origin: left center;

  }

}

@keyframes zoomOutLeft {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

  }

  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

    transform: scale(0.1) translate3d(-2000px, 0, 0);

    -webkit-transform-origin: left center;

    transform-origin: left center;

  }

}

.zoomOutLeft {

  -webkit-animation-name: zoomOutLeft;

  animation-name: zoomOutLeft;

}

@-webkit-keyframes zoomOutRight {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

  }

  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

    transform: scale(0.1) translate3d(2000px, 0, 0);

    -webkit-transform-origin: right center;

    transform-origin: right center;

  }

}

@keyframes zoomOutRight {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

  }

  to {

    opacity: 0;

    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

    transform: scale(0.1) translate3d(2000px, 0, 0);

    -webkit-transform-origin: right center;

    transform-origin: right center;

  }

}

.zoomOutRight {

  -webkit-animation-name: zoomOutRight;

  animation-name: zoomOutRight;

}

@-webkit-keyframes zoomOutUp {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

@keyframes zoomOutUp {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  }

  to {

    opacity: 0;

    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

  }

}

.zoomOutUp {

  -webkit-animation-name: zoomOutUp;

  animation-name: zoomOutUp;

}

@-webkit-keyframes slideInDown {

  0% {

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    visibility: visible;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes slideInDown {

  0% {

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    visibility: visible;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.slideInDown {

  -webkit-animation-name: slideInDown;

  animation-name: slideInDown;

}

@-webkit-keyframes slideInLeft {

  0% {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    visibility: visible;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes slideInLeft {

  0% {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    visibility: visible;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.slideInLeft {

  -webkit-animation-name: slideInLeft;

  animation-name: slideInLeft;

}

@-webkit-keyframes slideInRight {

  0% {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    visibility: visible;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes slideInRight {

  0% {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    visibility: visible;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.slideInRight {

  -webkit-animation-name: slideInRight;

  animation-name: slideInRight;

}

@-webkit-keyframes slideInUp {

  0% {

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    visibility: visible;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

@keyframes slideInUp {

  0% {

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    visibility: visible;

  }

  to {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

}

.slideInUp {

  -webkit-animation-name: slideInUp;

  animation-name: slideInUp;

}

@-webkit-keyframes slideOutDown {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

}

@keyframes slideOutDown {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }

}

.slideOutDown {

  -webkit-animation-name: slideOutDown;

  animation-name: slideOutDown;

}

@-webkit-keyframes slideOutLeft {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

}

@keyframes slideOutLeft {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

  }

}

.slideOutLeft {

  -webkit-animation-name: slideOutLeft;

  animation-name: slideOutLeft;

}

@-webkit-keyframes slideOutRight {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

}

@keyframes slideOutRight {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

}

.slideOutRight {

  -webkit-animation-name: slideOutRight;

  animation-name: slideOutRight;

}

@-webkit-keyframes slideOutUp {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

}

@keyframes slideOutUp {

  0% {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }

  to {

    visibility: hidden;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

}

.slideOutUp {

  -webkit-animation-name: slideOutUp;

  animation-name: slideOutUp;

}

.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

.animated.infinite {

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}

.animated.delay-1s {

  -webkit-animation-delay: 1s;

  animation-delay: 1s;

}

.animated.delay-2s {

  -webkit-animation-delay: 2s;

  animation-delay: 2s;

}

.animated.delay-3s {

  -webkit-animation-delay: 3s;

  animation-delay: 3s;

}

.animated.delay-4s {

  -webkit-animation-delay: 4s;

  animation-delay: 4s;

}

.animated.delay-5s {

  -webkit-animation-delay: 5s;

  animation-delay: 5s;

}

.animated.fast {

  -webkit-animation-duration: 0.8s;

  animation-duration: 0.8s;

}

.animated.faster {

  -webkit-animation-duration: 0.5s;

  animation-duration: 0.5s;

}

.animated.slow {

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

}

.animated.slower {

  -webkit-animation-duration: 3s;

  animation-duration: 3s;

}

@media (prefers-reduced-motion: reduce), (print) {

  .animated {

    -webkit-animation-duration: 1ms !important;

    animation-duration: 1ms !important;

    -webkit-transition-duration: 1ms !important;

    transition-duration: 1ms !important;

    -webkit-animation-iteration-count: 1 !important;

    animation-iteration-count: 1 !important;

  }

}

.wjdh-ico1,

.wjdh-ico2 {

  vertical-align: middle;

}

.le {

  float: left;

}

.ri {

  float: right;

}

.clear {

  clear: both;

}

.center {

  width: 1100px;

  margin: 0 auto;

}

.ny_banner img {

  z-index: -1;

}

.mbanner img {

  z-index: -1;

}

.clearfix:after {

  content: "";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

  font-size: 0;

}

.flex {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.fd:hover,

.fd:focus {

  -webkit-animation: fd 1s;

  animation: fd 1s;

  box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);

  -webkit-transform: translateY(-3px);

  transform: translateY(-3px);

}

@-webkit-keyframes fd {

  0% {

    box-shadow: 0 0 0 0 var(--hover);

  }

}

@keyframes fd {

  0% {

    box-shadow: 0 0 0 0 var(--hover);

  }

}

.tops {

  width: 100%;

  height: 130px;

  background: #fff;

}

.tops .center {

  width: 1210px;

}

.tops .logo {

  width: 288px;

  height: 100px;

  padding-top: 14px;

  box-sizing: border-box;

  float: left;

}

.tops .logo h3 {

  font-size: 28px;

  font-weight: bold;

  color: #fff;

}

.tops .logo .yi {

  font-family: Arial;

  font-size: 18px;

  color: #fff;

  margin-top: 3px;

  font-weight: bold;

  letter-spacing: 1px;

}

.tops .xps {

  width: 100%;

  height: 30px;

  background: #000;

}

.tops .xps .ri {

  width: 320px;

}

.tops .xps p {

  font-size: 14px;

  float: left;

  color: #b4b4b4;

  line-height: 30px;

}

.tops .xps p a {

  color: #b4b4b4;

}

.tops .xps .dh {

  font-size: 16px;

  line-height: 30px;

  color: #ccc;

  float: right;

  box-sizing: border-box;

  padding-left: 25px;

  background: url("../images/1dy.png") no-repeat left center;

}

.tops .xps .topxunpan .xp {

  background: url("../images/4dy.png") no-repeat left center;

  text-align: right;

  width: 160px;

  box-sizing: border-box;

  padding-left: 25px;

  position: relative;

  float: left;

  font-size: 14px;

  line-height: 30px;

  color: #ccc;

  cursor: pointer;

}

.tops .xps .topxunpan .xp i {

  font-weight: bold;

}

.tops .xps .topxunpan .xp img {

  margin-right: 2px;

  margin-right: 5px;

  vertical-align: baseline;

}

.tops .xps .topxunpan .topxunpan a {

  line-height: 34px;

  color: #333;

  float: right;

  font-size: 14px;

  display: inline-block;

  transition: 0.7s;

}

.tops .xps .topxunpan .topxunpan a:hover {

  color: #999;

}

.tops .xps .topxunpan .topxunpan a::after {

  content: '|';

  margin-left: 5px;

  margin-right: 5px;

  color: #aaaaaa;

}

.tops .xps .topxunpan .xp #xunpantip {

  z-index: 999999999999999999999;

  position: absolute;

  top: 45px;

  left: 50%;

  width: 180px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  color: #333;

  font-size: 14px;

  -webkit-transform: translateX(-50%) scale(0);

  -moz-transform: translateX(-50%) scale(0);

  -o-transform: translateX(-50%) scale(0);

  -ms-transform: translateX(-50%) scale(0);

  transform: translateX(-50%) scale(0);

  -webkit-transition: transform 0.4s, opacity 0.4s;

  -moz-transition: transform 0.4s, opacity 0.4s;

  -o-transition: transform 0.4s, opacity 0.4s;

  -ms-transition: transform 0.4s, opacity 0.4s;

  transition: transform 0.4s, opacity 0.4s;

  background-color: #fff;

  border-radius: 4px;

  opacity: 0;

}

.tops .xps .topxunpan .xp #xunpantip::after {

  content: '';

  position: absolute;

  top: -16px;

  left: 50%;

  width: 0;

  height: 0;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

  border: 8px solid transparent;

  border-bottom-color: #fff;

}

.tops .xps .topxunpan .xp #xunpantip.xunpantextactive {

  -webkit-transform: translateX(-50%) scale(1);

  -moz-transform: translateX(-50%) scale(1);

  -o-transform: translateX(-50%) scale(1);

  -ms-transform: translateX(-50%) scale(1);

  transform: translateX(-50%) scale(1);

  opacity: 1;

  z-index: 999999999999999999999;

}

.tops .xps .topxunpan .xp #xunpantip {

  z-index: 999999999999999999999;

  position: absolute;

  top: 45px;

  left: 50%;

  width: 180px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  color: #fff;

  font-size: 14px;

  -webkit-transform: translateX(-50%) scale(0);

  -moz-transform: translateX(-50%) scale(0);

  -o-transform: translateX(-50%) scale(0);

  -ms-transform: translateX(-50%) scale(0);

  transform: translateX(-50%) scale(0);

  -webkit-transition: transform 0.4s, opacity 0.4s;

  -moz-transition: transform 0.4s, opacity 0.4s;

  -o-transition: transform 0.4s, opacity 0.4s;

  -ms-transition: transform 0.4s, opacity 0.4s;

  transition: transform 0.4s, opacity 0.4s;

  background-color: #A80F23;

  border-radius: 4px;

  opacity: 0;

}

.tops .xps .topxunpan .xp #xunpantip::after {

  content: '';

  position: absolute;

  top: -16px;

  left: 50%;

  width: 0;

  height: 0;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

  border: 8px solid transparent;

  border-bottom-color: #A80F23;

}

.tops .xps .topxunpan .xp #xunpantip.xunpantextactive {

  -webkit-transform: translateX(-50%) scale(1);

  -moz-transform: translateX(-50%) scale(1);

  -o-transform: translateX(-50%) scale(1);

  -ms-transform: translateX(-50%) scale(1);

  transform: translateX(-50%) scale(1);

  opacity: 1;

  z-index: 999999999999999999999;

}

.nav {

  width: 100%;

  height: 100px;

  background: #f01727;

}

.nav .center {

  position: relative;

}

.nav .center > ul > li:first-child {

  margin-left: 0px;

  background-image: none;

}

.nav .center > ul {

  float: right;

  position: relative;

  box-sizing: border-box;

  padding-right: 60px;

}

.nav .center > ul .wei:hover .tu {

  position: absolute;

  top: 100px;

  left: -33px;

  width: 100px;

  height: 100px;

  opacity: 1;

}

.nav .center > ul .wei:hover .tu img {

  width: 100px;

  height: 100px;

}

.nav .center > ul .wei {

  width: 32px;

  height: 100px;

  cursor: pointer;

  background: url("../images/9dy.png") no-repeat center;

  position: absolute;

  top: 0px;

  right: 0px;

}

.nav .center > ul .wei .tu {

  transition: 0.5s;

  width: 0px;

  height: 0px;

  opacity: 0;

  position: absolute;

  top: 100px;

  left: 20px;

  z-index: 999;

  border-radius: 8px;

  border: 2px solid #fff;

  overflow: hidden;

  box-sizing: border-box;

}

.nav .center > ul .wei .tu img {

  width: 0px;

  height: 0px;

  transition: 0.5s;

}

.nav .center > ul > li {

  margin-left: 8px;

  width: 100px;

  text-align: center;

  height: 100px;

  line-height: 100px;

  box-sizing: border-box;

  position: relative;

  transition: 0.5s;

  background: url(../images/11yt.png) no-repeat left 23px;

}

.nav .center > ul > .another > a {

  font-weight: bold;

}

.nav .center > ul > li:hover > a {

  font-weight: bold;

}

.nav li {

  transition: 0.3s;

  box-sizing: border-box;

  float: left;

  position: relative;

}

.nav li a {

  font-size: 16px;

  color: #fff;

  transition: 0.3s;

  position: relative;

}

.nav li .kua {

  transform: scale(0);

  width: 0;

  position: absolute;

  left: 50px;

  top: 100px;

  z-index: -2;

  opacity: 0;

  transition: 0.5s;

}

.nav li .kua li:last-child {

  border: none;

}

.nav li .kua li {

  width: 100%;

  height: 40px;

  line-height: 40px;

  text-align: center;

  background: rgba(0, 0, 0, 0.5);

  border-bottom: 1px solid #aaa;

  position: relative;

  cursor: pointer;

  transition: 0.5s;

}

.nav li .kua li a {

  color: #fff;

  font-size: 0;

  transition: 0.3s;

}

.nav li .kua li:hover {

  background: #f01727;

}

.nav ul > li:hover {

  overflow: visible;

}

.nav ul > li:hover .kua {

  transform: scale(1);

  opacity: 1;

  top: 100px;

  z-index: 9;

  transition: 0.5s;

  width: 140px;

  left: -20px;

}

.nav ul > li:hover .kua a {

  font-size: 15px;

}

.nav ul > li:hover .links {

  top: 100px;

  opacity: 1;

  transition: 0.5s;

  overflow: auto;

  z-index: 9;

  left: -790px;

}

.nav ul .link {

  position: inherit;

}

.nav .links {

  position: absolute;

  top: 100px;

  left: -250px;

  z-index: -2;

  border-radius: 10px;

  opacity: 0;

  transition: 0.5s;

}

.nav .links li {

  line-height: normal;

}

.nav ul > li:hover .content {

  width: 1025px;

  padding: 2.2em 3em;

  border: 1px solid #eee;

  transform: scale(1);

}

.nav .content {

  transform: scale(0);

  transition: 0.8s;

  width: 0;

  overflow: hidden;

  padding: 0;

  box-shadow: 0 0 3px 1px #e6e6e6;

  text-align: left;

  max-height: 600px;

  border-radius: 10px ;

  background: #fff url(../images/y3.png) no-repeat -5px -5px;

}

.nav .content .biao {

  width: 90%;

  float: right;

  border-bottom: 1px solid #e5e5e5;

  position: relative;

}

.nav .content .biao h3 {

  width: 100%;

  height: 55px;

  margin-left: -110px;

  font-size: 24px;

  font-weight: bold;

  color: #262626;

  float: left;

}

.nav .content .biao .zx:hover {

  text-indent: 36px;

}

.nav .content .biao .zx {

  width: 163px;

  height: 40px;

  background-color: #f01727;

  border-radius: 15px;

  transition: 0.5s;

  line-height: 40px;

  position: absolute;

  right: -80px;

  top: -5px;

  text-indent: 32px;

}

.nav .content .biao .zx a {

  font-size: 14px;

  color: #fffefe;

  text-indent: 20px;

}

.nav .content .ti {

  width: 100%;

  height: 112px;

  margin-top: 20px;

}

.nav .content .ti li {

  float: left;

  background: url(../images/y1.png) no-repeat left center;

  padding-left: 20px;

  margin: 15px 0;

  width: 18%;

  transition: 0.4s;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.nav .content .ti li:hover {

  background: url(../images/y2.png) no-repeat left center;

}

.nav .content .ti li:hover a {

  color: #000;

}

.nav .content .ti li a {

  color: #808080;

  font-size: 16px;

  transition: 0.4s;

}

.nav .content .tuw {

  width: 100%;

  /* height: 330px; */

  margin-top: 20px;

}

.nav .content .tuw .da {

  font-size: 20px;

  color: #333;

  background: url(../images/jx1.png) no-repeat left center;

  padding-left: 25px;

  margin-left: 2px;

}

.nav .content .tuw li {

  width: 19%;

  height: 130px;

  float: left;

  margin-top: 20px;

  margin-right: 1%;

}

.nav .content .tuw li .tu {

  width: 100%;

  height: 130px;

  overflow: hidden;

  border-radius: 10px;

  position: relative;

  background: rgba(0, 0, 0, 0);

}

.nav .content .tuw li .tu img {

  width: 100%;

  height: 130px;

  display: block;

  border-radius: 10px;

}

.nav .content .tuw li .tu:hover .ku {

  opacity: 1;

  width: 165px;

  height: 108px;

  margin: 0;

}

.nav .content .tuw li .tu .ku {

  position: absolute;

  left: 18px;

  top: 10px;

  margin: -10px -15px;

  width: 100%;

  height: 130px;

  background: rgba(0, 0, 0, 0.4);

  border-radius: 10px;

  opacity: 0;

  transition: 0.5s;

}

.nav .content .tuw li .tu .ku a {

  width: 100%;

  text-align: center;

  display: block;

  padding: 32px 20px;

  box-sizing: border-box;

  font-size: 14px;

  color: #fff;

  height: 100px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.fixedNav {

  position: fixed;

  top: 0px;

  left: 0px;

  width: 100%;

  z-index: 100000;

  _position: absolute;

  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);

}

.footer {

  width: 100%;

  height: 320px;

  background-color: #e90e1e;

}

.footer .yqlj {

  width: 100%;

  height: 110px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.3);

  padding-top: 43px;

  box-sizing: border-box;

}

.footer .yqlj .ti {

  height: 34px;

  float: left;

  width: 84px;

  background: url("../images/Link.png") no-repeat left center;

  color: #fff;

  font-size: 16px;

  line-height: 13px;

  box-sizing: border-box;

  padding-left: 35px;

}

.footer .yqlj ul {

  float: left;
  position: relative;
  left: 100px;
  top: -30px;

}

.footer .yqlj ul li:hover {

  transform: translateX(5px);

}

.footer .yqlj ul li {

  float: left;
  line-height: 34px;
  box-sizing: border-box;
  padding-left: 2px;
  /* background: url(../images/6dy.png) no-repeat left center; */
  transition: 0.3s;
  margin-left: 10px;
}

.footer .yqlj ul li::after{
  content: "";
  display: inline-block;
  width: 1px;
  height: 11px;
  background-color: #fff;
  margin-left: 25px;
}

.footer .yqlj ul li a {

  color: #fff;
  font-size: 10px;

}

.footer .dilogo {

  width: 288px;

  height: 100px;

  margin-top: 37px;

  padding-top: 14px;

  box-sizing: border-box;

  float: left;

}

.footer .dilogo h3 {

  font-size: 28px;

  font-weight: bold;

  color: #fff;

}

.footer .dilogo .yi {

  font-family: Arial;

  font-size: 18px;

  color: #fff;

  margin-top: 10px;

  font-weight: bold;

  letter-spacing: 1px;

}

.footer .ban {

  width: 700px;

  margin-top: 20px;

  float: right;

  text-align: right;

  line-height: 40px;

  color: #f9cdce;

}

.footer .ban a {

  color: #f9cdce;

}

.footer .ban img {

  vertical-align: middle;

}

.footer .ban p:last-child {

  color: #fff;

}

.footer .ban p:last-child a {

  color: #fff;

}

.didao {

  width: 100%;

  height: 70px;

  background-color: #202020;

  padding-top: 27px;

  box-sizing: border-box;

}

.didao li:last-child {

  border-right: 1px solid #fff;

}

.didao li {

  width: 16.5%;

  float: left;

  text-align: center;

  line-height: 16px;

  height: 16px;

  font-size: 16px;

  border-left: 1px solid #fff;

}

.didao li a {

  color: #fffefe;

}